﻿@model Gfw.Web.Models.Users.UserLoginModel
@{
    ViewBag.Title = "Login";
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">



<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<meta name="description"  content=""/>

<meta name="keywords" content=""/>

<meta name="robots" content="ALL,FOLLOW"/>

<meta name="Author" content="AIT"/>

<meta http-equiv="imagetoolbar" content="no"/>

<title>后台管理系统登录</title>

    @Scripts.Render("~/bundles/jquery")
@*    @Scripts.Render("~/bundles/jqueryui")*@
    @Scripts.Render("~/bundles/jqueryval")
	    @Styles.Render("~/Site/login")

<style type="text/css">
body			{ min-width: 1000px; text-align: center; margin: 0px; font-family: arial; font-size: 12px; color: #666666;
			  background: url('../images/bck_main.png') bottom center repeat-x fixed #FFFFFF;}
body.login		{ background: none; padding-top: 100px; background: url('../images/header.png') top left repeat-x; }
.login		{ background: none; padding-top: 100px; background: url('../images/header.png') top left repeat-x; }
.clear:after 			{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.button		{ display: inline-block; line-height: 16px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button	{ display: inline-block; line-height: 13px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url('../images/button_glas1.png') center center repeat-x #333333; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover	{ color: #FFFFFF; text-decoration: none; }
.button.green	{ background-color: #4DB800; }
.button.red	{ background-color: #D80017; }
.button.blue	{ background-color: #00A5C4; }
.button.grey	{ background-color: #BBBBBB; }
/***************************/
/********** LOGIN **********/
/***************************/

.login-box			{ width: 550px; margin: 0px auto; margin-bottom: 30px; background: url('../images/bck_white_10.png'); border: 1px solid #666666; text-align: left; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.login-border			{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.login-style			{ border: 2px solid #FFFFFF; background: url('../images/login.jpg') center center no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.login-header			{ height: 71px; background: url('../images/login_header.png') left bottom no-repeat; padding: 15px 15px 0px 15px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
.login-header .logo		{ width: auto; margin: 0px; padding-top: 0px; }
.login-header .logo .title	{ font-family:"微软雅黑"; font-size:24px; font-weight:bold; color:#FFF; margin:0 0 0 20px;}
.login-header .logo .text	{ color: #333333; }
.login-inside			{ height: 195px; padding-top: 35px; border-bottom: 1px solid #bbbbbb; background: url('../images/gear.png') 325px bottom no-repeat; }
.login-inside p			{ text-align: center; padding-bottom: 10px; }
.login-data			{ width: 290px; padding: 30px 10px 25px 30px; background: url('../images/bck_white_50.png'); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-bottom : 20px; }
.login-data label		{ display: block; width: 70px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.login-data input.text		{ width: 140px; }
.login-data .row		{ padding-bottom: 10px; }
.login-data .button		{ margin-left: 80px; }
.login-footer			{ border-top: 1px solid #FFFFFF; background: url('../images/bck_black_70.png'); height: 22px; padding: 10px 15px 10px 15px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}
.login-footer .remember		{ color: #FFFFFF; line-height: 22px; display: block; float: left; font-weight: bold; }
.login-footer .remember label	{ margin-left: 3px; }
.login-links			{ color: #bbbbbb; font-size: 11px; }
.login-links strong		{ font-weight: normal; color: #FFFFFF; }
.login-links a			{ color: #FFFFFF; text-decoration: none; }
.login-links a:hover		{ color: #FFFFFF; text-decoration: underline; }
</style>
</head>

<script>
    $(function () {
        $("#valiCode").bind("click", function () {
            this.src = "/Validate?time=" + (new Date()).getTime();
        });
    });
</script>

<body class="login">

<div class="login-box">

<div class="login-border">

<div class="login-style">

	<div class="login-header">

		<div class="logo clear">

			<img src="../images/logo_earth_bw.png" alt="" align="middle" class="picture" />

			<span class="textlogo">

			<span class="title">后台登录管理系统</span></span>

		</div>

	</div>


@using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))
{

  
		<div class="login-inside">

			<div class="login-data">

				<div class="row clear">

					<label for="user"> 用户名：</label>
                    
                   @Html.EditorFor(m => m.UserName)
                    @Html.ValidationMessageFor(m => m.UserName)
              </div>

                <div class="row clear">
                    <label for="password">密码：</label>
                    @Html.EditorFor(m => m.Password)   
                    @Html.ValidationMessageFor(m => m.Password)
                </div>
                	<div class="row clear">
               	<label for="password">验证码：</label>
                    @Html.EditorFor(m => m.VerifyCode)
                    <img src="../Validate"  align="absmiddle" id="valiCode" style="cursor: pointer;" alt="验证码" />     
                    @Html.ValidationMessageFor(m => m.VerifyCode)
               </div>
                <input type="submit" class="button" value="登录" />
                @Html.ValidationSummary(true)
              </div>

		

		</div>

		<div class="login-footer clear">

			<span class="remember">

				<input type="checkbox" class="checkbox" checked="checked" id="remember" /> <label for="remember">记住信息</label>

			</span>


		</div>
}


</div>

</div>

</div>
</body>

</html>
